Waarom zijn icoontjes handig?

Je kunt met een icoontje vaak in één keer duidelijk maken waar het om gaat. Zo hoef je iets niet met tekst te vertellen, maar een simpel (klein) plaatje is voldoende. Dat spaart ruimte. Je kan ze op iedere plaats op een website toevoegen. En ze zijn zowel groot als klein weer te geven. Icoontjes kun je versterken door er tekst onder te zetten. Met één of een paar woorden wordt het nog duidelijker waar het icoontje voor staat.  Icoontjes kunnen bestaan uit één beeld in één kleur. Maar ook uit meerdere elementen met meerdere kleuren.

De bekende icoontjes

We gebruiken bijna allemaal icoontjes op onze website. Vaak zonder dat we het beseffen. Gangbare icoontjes die we vaak zien zijn bijvoorbeeld de icoontjes van een huis, een enveloppe, een loep en een winkelwagen.

Iedereen snapt wat er gebeurt als je op deze icoontjes klikt.Met de intrede van Social Media zijn ook deze icoontjes gemeengoed geworden. Facebook, X en LinkedIn zijn veelgebruikte Social Media icoontjes.

Logo’s, beeldmerken en icoontjes

Een logo bestaat meestal uit de tekst in één of meerdere kleuren. Al dan niet met een slogan of subslogan. Meer over een optimaal logo lees je hier. Logo’s kunnen worden versterkt met een beeldmerk. Soms wordt dat beeldmerk zo sterk dat het ook alleen gebruikt kan worden en iedereen toch weet om welk bedrijf het gaat. De onderstaande beeldmerken ken je vast wel:

Beeldmerken zijn niet te verwarren met icoontjes. Ze behoren tot het logo en zijn geen icoontjes. Icoontjes staan los van een logo, hebben een duidelijke betekenis en kunnen te allen tijde apart gebruikt. Icoontjes worden ook wel eens pictogrammen genoemd. Ze hebben een informatieve functie en zetten soms aan tot een handeling.

Bestandstype van een website icoon

Website icoontjes werden tot voor kort vaak als PNG met een transparante achtergrond op websites gebruikt. Tegenwoordig kun je ook een icoon in SVG bestand gebruiken. Het voordeel van een SVG bestand is dat het schaalbaar is en dat je de kleur makkelijk kunt aanpassen naar de kleur van de huisstijl en de layout van jouw website.

Verschillende functies voor hetzelfde icoontje

Hetzelfde icoontje kan op een website verschillende betekenissen hebben, afhankelijk van waar het gebruikt wordt. In de onderstaande afbeelding wordt het envelopje gebruikt voor een nieuwsbriefinschrijving.

Op de website staat bovenin hetzelfde icoontje met de enveloppe, maar hier is de betekenis duidelijk anders.

Met dit envelopje kan er gemaild worden naar het bedrijf. Zo kan één en hetzelfde icoon toch verschillende functies hebben.